<template>

  <div class="inventory">
    <my-header ischeck="inventory"></my-header>
    <div class="content">
    <div class="left"><left-nav ischecked='inventory'></left-nav></div>
    <div class="right"><variety ischecked='inventory'></variety></div></div>
  </div>
</template>

<script>
  import leftNav from '../components/left-nav.vue'
  import variety from '../components/variety.vue'
  export default{
    components:{
      'left-nav':leftNav,
      'variety':variety
    },
    methods:{ },
    created() {
      this.axios.get('inventory',{
        params:{
          uid:this.$store.state.uid
        }
      }).then(res=>{
        console.log(res.data)
        this.$store.commit('inventory',res.data.result)
      })
    }
  }
</script>

<style>
  .inventory{
  height: 100%;
  overflow-y: hidden;
  }
  .content{
    display: flex;
  }
  .left{
    width: 20%;
  }
   .right{
     width: 80%;
   }
</style>
